@charset "utf-8";
@import "./public.scss";
.portrait{
    width: vw(728);
    display:flex;
    justify-content:flex-start;
    .tu{
        width: vw(170);
        height: vw(170);
        img{
            width: 100%;
            height: 100%;
        }
    }
    .right{
        width:vw(533);
        height: vw(160);
        display: flex;
        justify-content: space-between;
        align-items:center;
        margin-left: vw(15);
        .text{
            width: vw(179);
            margin-left: vw(15);
            p:first-child{
                margin-bottom: vw(37);
                font-size:vw(30);
            }
            .tt{
                font-size: vw(26);
                color: #9d9d9d;
            }
        }
        .logo{
            text-align:right;
            font-size: vw(87);
            color: #010101;
        }
    }
}
.options{
    width: vw(704);
    height: vw(151);
    margin-top: vw(26);
    display: flex;
    justify-content: space-between;
    div:first-child{
        width: vw(195);
        height: vw(151);
        text-align: center;
        font-size: vw(26);
        background-color: #b2e0a0;
        img{
            width: vw(79);
            height: vw(82);
            margin-top:vw(20);
        }
    }
    div:nth-child(2){
        width: vw(195);
        height: vw(151);
        text-align: center;
        font-size: vw(26);
        background-color: #a0dce0;
        img{
            width: vw(79);
            height: vw(82);
            margin-top:vw(20);
        }
    }
    div:nth-child(3){
        width: vw(195);
        height: vw(151);
        text-align: center;
        font-size: vw(26);
        background-color: #e0b7a0;
        img{
            width: vw(124);
            height: vw(82);
            margin-top:vw(20);
        }
    }
}
.ul{
    width: vw(706);
    height: vw(416);
    margin-top: vw(32);
    display: flex;
    flex-direction:column;
    justify-content: space-around;
    .left1{
        width: vw(223);
        display: flex;
        justify-content: space-between;
        align-items: center;
        img{
            width: vw(57);
            height: vw(74);
            p{
                font-size: vw(30);
                align-self:center;
            }
        }
    }
    .left2{
        width: vw(193);
        display: flex;
        justify-content: space-between;
        align-items: center;
        img{
            width: vw(71);
            height: vw(74);
            p{
                font-size: vw(30);
                align-self:center;
            }
        }
    }.left3{
        width: vw(193);
        display: flex;
        justify-content: space-between;
        align-items: center;
        img{
            width: vw(94);
            height: vw(58);
            p{
                font-size: vw(30);
                align-self:center;
            }
        }
    }.left4{
        width: vw(223);
        display: flex;
        justify-content: space-between;
        align-items: center;
        img{
            width: vw(59);
            height: vw(59);
            p{
                font-size: vw(30);
                align-self:center;
            }
        }
    }

}
.li{
    width: vw(706);
    height: vw(198);
    margin-top: vw(32);
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    align-items: center;
    .left5{
        width: vw(163);
        display: flex;
        justify-content: space-between;
        align-items: center;
        img{
            width: vw(78);
            height: vw(79);
            p{
                font-size: vw(30);
                align-self:center;
            }
        }
    }
    .left6{
        width: vw(163);
        display: flex;
        justify-content: space-between;
        align-items: center;
        img{
            width: vw(84);
            height: vw(59);
            p{
                font-size: vw(30);
                align-self:center;
            }
        }
    }
    .btt{
        width: vw(538);
        height: vw(76);
        margin-top: vw(20);
        display: flex;
        justify-content: space-between;
        button{
            width: vw(147);
            height: vw(76);
            background:$color;
            color: #fff;
            border-radius: vw(20);
        }
    }
}